<%@ page language="java" contentType="text/html; charset=EUC-KR"
      pageEncoding="EUC-KR"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/previousmonthdetails.css" rel="stylesheet">
<title>Monthly Food Selections</title>

</head>
<body>
<div class="container">
<jsp:include page="menu.jsp">
<jsp:param value="d" name="accessRole" />
</jsp:include>
<div class="table_back">
<table align="center" class="table table-bordered table-condensed table-bordered">

  <tr>
    <td align="center">
             <font id="sub_menu1" size="3" class="sub_menu"><b>PREV MONTH</b></font>

    </td>

     <td align="center">
             <a id="sub_menu2" class="sub_menu" href="MonthlyDetailController?action=currentmonthlydetails"><font size="3"><b>${month} ${year}</b></font></a>

     </td>

    <td align="center">
             <a id="sub_menu3" class="sub_menu" href="MonthlyDetailController?action=nextmonthlydetails"><font size="3"><b>NEXT MONTH</b></font></a>
    </td>
  </tr>

</table>
 <br>
     <h4 align="center">Monthly Meal Count</h4>

     <table border=1 align="center" class="table table-bordered table-condensed table-bordered">

        <tr>
                     <th><font size="3">Meal Type</font></th>
                     <c:forEach begin="1" end="${days}" var="day">
                           <th><font size="3"><b><c:out value="${day}" /></font></th>
                     </c:forEach>

        </tr>

        <c:forEach items="${mealTypeCountByDateMap}" var="outerMap">
         <tr>
                <td><b><c:out value="${outerMap.key}" /></b></td>
                <c:forEach items="${outerMap.value}" var="innerMap">
                    <td><c:out value="${innerMap.value}" /></td>
                </c:forEach>
        </tr>
        </c:forEach>
    </table>



    <h4 align="center">Monthly Rice Count</h4>

         <table border=1 align="center" class="table table-bordered table-condensed table-bordered">

            <tr>
                         <th><font size="3">Rice Type</font></th>
                         <c:forEach begin="1" end="${days}" var="day">
                               <th><font size="3"><c:out value="${day}" /></font></th>
                         </c:forEach>

            </tr>

            <c:forEach items="${riceTypeCountByDateMap}" var="outerMap">
             <tr>
                    <td><b><c:out value="${outerMap.key}" /></b></td>
                    <c:forEach items="${outerMap.value}" var="innerMap">
                        <td><c:out value="${innerMap.value}" /></td>
                    </c:forEach>
            </tr>
            </c:forEach>
        </table>


            <h4 align="center">Total Count</h4>

                 <table border=1 align="center" class="table table-bordered table-condensed table-bordered">

                    <tr>
                                 <th><font size="3">Date</font></th>
                                 <c:forEach begin="1" end="${days}" var="day">
                                       <th><font size="3"><c:out value="${day}" /></font></th>
                                 </c:forEach>

                    </tr>


                     <tr>
                                <th><font size="3">Total</font></th>
                              <c:forEach items="${totalMap}" var="map">

                                <td><c:out value="${map.value}" /></td>
                                    </c:forEach>
                    </tr>

        </div>
    </div>
 </body>
</html>



